import './index.scss';

import nftImg from '@/assets/icons/nftimg.png';
import bill from '@/assets/icons/bill.png';
import link from '@/assets/icons/link.png';
import moneyBag from '@/assets/icons/moneyBag.png';
import extract from '@/assets/icons/extract.png';
import rankinglist from '@/assets/icons/rankinglist.png';
import { Col, Row } from 'antd';

const Sidefunction = () => {
    return (
        <div className="sidefunction">
            <div className="top">
                <Row className="sidefunction_item">
                    <Col xl={8} md={12} className="item">
                        <div className="item_img">
                            <img src={nftImg} alt="" />
                        </div>
                        <div className="item_text">NFT质押</div>
                    </Col>
                    <Col xl={8} md={12} className="item">
                        <div className="item_img">
                            <img src={bill} alt="" />
                        </div>
                        <div className="item_text">账本</div>
                    </Col>
                    <Col xl={8} md={12} className="item">
                        <div className="item_img">
                            <img src={link} alt="" />
                        </div>
                        <div className="item_text">推荐</div>
                    </Col>
                    <Col xl={8} md={12} className="item">
                        <div className="item_img">
                            <img src={moneyBag} alt="" />
                        </div>
                        <div className="item_text">钱包</div>
                    </Col>
                    <Col xl={8} md={12} className="item">
                        <div className="item_img">
                            <img src={extract} alt="" />
                        </div>
                        <div className="item_text">提取</div>
                    </Col>
                    <Col xl={8} md={12} className="item">
                        <div className="item_img">
                            <img src={rankinglist} alt="" />
                        </div>
                        <div className="item_text">排行榜</div>
                    </Col>
                </Row>
            </div>
            <div className="bottom">
                <div className="bottom_title">您的推荐链接</div>
                <div className="bottom_link">
                    <div className="linkContent">https://tarnsfermax.con</div>
                    <div className="linkBtn">复制</div>
                </div>
                <Row className="bottom_info">
                    <Col span={12} className="info_left">
                        最近交易
                    </Col>
                    <Col span={12} className="info_right">
                        查看全部
                    </Col>
                </Row>
            </div>
        </div>
    );
};

export default Sidefunction;
